 /* tabs.css -> custom file for all tags related to tab layout. C.Nicks */
 

 /* :::: browser.css :::: */



 /* Tabstrip */
.tabbrowser-tabs {
  -moz-appearance: none;
  background: transparent url("chrome://browser/skin/tabbrowser/tab-tray.png") repeat-x bottom;
  border:none;
  margin: 0;
}

.tabs-container:not([overflow="true"]) {
  -moz-padding-start: 3px;
}

.tabs-container {
  height: 29px;
}
/* Tabs */
.tabbrowser-tab {
  -moz-appearance: none;
  background: url("chrome://browser/skin/tabbrowser/tab-inactive-middle.png") repeat-x bottom;
  -moz-background-clip: padding;
  margin: 0 0 2px 0;
  border: 0px solid transparent;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-cap-inactive.png") 0 16 0 16 / 0px 16px ;
  padding: 0;
  color: #DCDCDC;
  height: 27px;
  opacity: 1;
}

/*.tabbrowser-tab:hover,
.tabbrowser-tab[selected="true"] {
  border-width: 0px;
  -moz-border-top-colors: ThreeDShadow;
  -moz-border-right-colors: ThreeDShadow;
  -moz-border-left-colors: ThreeDShadow;
}*/

.tabbrowser-tab:not([selected="true"]):hover {
  background-image: url("chrome://browser/skin/tabbrowser/tab-hover-middle.png");
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-cap-hover.png") 0 16 0 16 / 0px 16px ;
}

.tabbrowser-tab[selected="true"] {
  padding: 0px;
  background-image: url("chrome://browser/skin/tabbrowser/tab-active-middle.png");
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-cap-active.png") 0 16 0 16 / 0px 16px ;
  font-weight: bold;
}


/*.tabbrowser-tab[selected="true"][last-tab="true"] {
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-cap-active.png") 0 16 0 16 / 0px 0px 0px 16px ;
}
.tabbrowser-tab[selected="false"][last-tab="true"] {
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-cap-inactive.png") 0 16 0 16 / 0px 0px 0px 16px ;
}*/

.tabbrowser-tab[busy] > .tab-icon-image {
  list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
}

.tab-icon-image {
  -moz-margin-start: 2px;
  -moz-margin-end: 3px;
  width: 16px;
  height: 16px;
  list-style-image: url("chrome://global/skin/icons/folder-item.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

.tabs-bottom {
  height: 4px;
  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabstrip-bottom.png") repeat-x;
}

tabpanels {
  -moz-appearance: none;
}

/* tabbrowser-tab focus ring */
.tab-text {
  border: none;
  padding: 0;
}

.tabbrowser-tab[selected="true"]:focus > .tab-text {
  border: 1px dotted -moz-DialogText;
}

/* Tab DnD indicator */
.tab-drop-indicator-bar {
  height: 11px;
  margin-top: -11px;
  position: relative;
  /* set -moz-margin-start to -1/2 indicator width: */
  -moz-margin-start: -5px;
}

.tab-drop-indicator {
  height: 11px;
  width: 11px;
  margin-bottom: -5px;
  position: relative;
  background: url('chrome://browser/skin/tabbrowser/tabDragIndicator.png') 50% 50% no-repeat;
}

/* Tab close button */
.tab-close-button > .toolbarbutton-icon {
  -moz-margin-end: 0px !important;
  -moz-padding-start: 2px;
}

.tab-close-button {
  -moz-appearance: none;
  -moz-image-region: rect(0px, 32px, 16px, 16px);
  border: none;
  padding: 0px;
  width: 16px;
  height: 16px;
  list-style-image: url("chrome://global/skin/icons/close.png");
}

.tab-close-button:hover{
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

.tabbrowser-tab[selected="true"] > .tab-close-button:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

.tab-close-button:hover:active,
.tabbrowser-tab[selected="true"] > .tab-close-button:hover:active {
  -moz-image-region: rect(0px, 48px, 16px, 32px);
}

.tabbrowser-tab[selected="true"] > .tab-close-button {
  -moz-image-region: rect(0px, 16px, 16px, 0px);
  /* Make this button focusable so clicking on it will not focus the tab while
     it's getting closed */
  -moz-user-focus: normal;
}

.tab-close-button:focus {
  outline: none !important;
}

/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
  -moz-appearance: none;
  width: 18px;
  margin: 3px 0px 4px;
  padding: 0px;
  border: 2px solid;
  border-right-width: 1px;
  border-bottom: none;
  -moz-border-top-colors: ThreeDShadow rgba(255,255,255,.3);
  -moz-border-right-colors: ThreeDShadow;
  -moz-border-left-colors: ThreeDShadow rgba(255,255,255,.3);
  background: url("chrome://browser/skin/tabbrowser/tab-bkgnd.png") repeat-x;
  -moz-image-region: rect(0, 11px, 14px, 0);
}

.tabs-newtab-button {
  -moz-appearance: none;
  margin: 0 0 2px -10px;
  padding: 0;
  background: url("chrome://browser/skin/tabbrowser/newtab-bgrd.png") left no-repeat;
  -moz-background-clip: padding;
}
.tabs-newtab-button .toolbarbutton-icon {
  -moz-margin-end: 0px;
  margin: 0 16px 5px 10px;
}

/* THIS IS NOT WORKING */
/* BUG sibling selector will not function between tab and new tab button 
.tabbrowser-tab[last-tab="true"] + .tabs-newtab-button {
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-cap-inactive.png") 0 16 0 16 / 0px 16px 0px 0px !important;
}
*/

.tabs-newtab-button:hover {
  background: url("chrome://browser/skin/tabbrowser/newtab-bgrd-hover.png") left no-repeat;
}

.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover,
.tabs-alltabs-button:hover {
  border-top-width: 1px;
  padding-top: 1px;
  -moz-border-top-colors: ThreeDShadow;
  -moz-border-right-colors: ThreeDShadow;
  -moz-border-left-colors: ThreeDShadow transparent;
  background-image: url("chrome://browser/skin/tabbrowser/tab-hover-bkgnd.png");
}

.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
  -moz-image-region: rect(0, 15px, 17px, 0);
}

.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
  -moz-image-region: rect(0, 30px, 17px, 15px);
}

.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"],
.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled="true"] {
  opacity: .4;
}

.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover:active {
  -moz-image-region: rect(0, 45px, 17px, 30px);
}

.tabbrowser-arrowscrollbox > .scrollbutton-up {
  border-left-style: none;
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left.png");
  -moz-border-radius-topright: 2px;
}

.tabbrowser-arrowscrollbox > .scrollbutton-up[chromedir="rtl"] {
  border-left-style: solid;
  border-right-style: none;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 0px;
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-right.png");
}

.tabbrowser-arrowscrollbox > .scrollbutton-down,
.tabs-container > .tabs-newtab-button,
.tabs-alltabs-button {
  border-right-style: none;
  -moz-border-radius-topleft: 2px;
}

.tabbrowser-arrowscrollbox > .scrollbutton-down {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-right.png");
}

.tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"],
.tabs-container > .tabs-newtab-button[chromedir="rtl"],
.tabs-container > stack[chromedir="rtl"] > .tabs-alltabs-button {
  border-left-style: none;
  border-right-style: solid;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 2px;
}

.tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"] {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left.png");
}

.tabs-newtab-button {
  list-style-image: url(chrome://browser/skin/tabbrowser/newtab.png);
  -moz-image-region: rect(0, 18px, 18px, 0);
}

.tabs-newtab-button:hover,
.tabs-newtab-button:hover:active{
  -moz-image-region: rect(0, 36px, 18px, 18px);
}

.tabbrowser-arrowscrollbox > .tabs-newtab-button {
  width: 16px;
}

.tabs-alltabs-button > .toolbarbutton-menu-dropmarker,
.tabs-alltabs-button > .toolbarbutton-text  {
  display: none;
}

.tabs-alltabs-button {
  width: 16px;
}

.tabs-alltabs-button > .toolbarbutton-icon {
  list-style-image: url("chrome://browser/skin/mainwindow-dropdown-arrow.png");
  margin: 5px 0 4px;
  -moz-image-region: rect(0, 11px, 11px, 0);
}

.tabs-alltabs-button[open="true"] > .toolbarbutton-icon {
  -moz-image-region: rect(0, 25px, 11px, 14px);
}

.tabs-alltabs-box-animate {
  margin-top: 2px;
  margin-bottom: 4px;
  width: 17px !important;
  background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-end-bkgnd-animate.png");
  background-repeat: no-repeat;
  opacity: 0.0;
}

stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate {
  background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-start-bkgnd-animate.png");
}

/* All tabs menupopup */
.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
  list-style-image: url("chrome://global/skin/icons/folder-item.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

.alltabs-item[selected="true"] {
  font-weight: bold;
}

.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
  list-style-image: url("chrome://global/skin/throbber/throbber-small-spin.png");
  opacity: 0.8;
}

/* Tabstrip close button */
.tabs-closebutton {
  -moz-appearance: none;
  list-style-image: url("chrome://global/skin/icons/close.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
  padding: 3px 2px;
  margin: 0px;
  border: none;;
}

.tabs-closebutton > .toolbarbutton-icon {
  -moz-margin-end: 0px !important;
  -moz-padding-end: 2px !important;
  -moz-padding-start: 2px !important;
}

.tabs-closebutton:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

.tabs-closebutton:hover:active {
  -moz-image-region: rect(0px, 48px, 16px, 32px);
}

.tabs-container > .tabs-closebutton {
  margin: 3px 0px 3px;
  padding: 4px 2px 2px;
  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png") repeat-x;
  border-left: 1px solid threedshadow;
  border-top: 1px solid threedshadow;
  -moz-border-radius-topleft: 2px;
}

.tabs-container > .tabs-closebutton[chromedir="rtl"] {
  border-left: none;
  border-right: 1px solid threedshadow;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 2px;
}

#sidebar-box .tabs-closebutton {
  list-style-image: url("chrome://global/skin/icons/closeSidebar.png");
  margin-bottom: 0px !important;
  padding: 0px 2px 0px 2px !important;
}
#FindToolbar > .tabs-closebutton {
  border: 1px solid transparent;
  padding: 3px 2px 4px 2px !important;
}